<div class="user-nav">
	<div class="prot">
		<div class="main1">
			<div class="pro_type t1">
				<ul class="clearfix">
					<li class="first">首页</li>
					<li class="on"><a href="###">全部分类</a></li>
					<li><a href="###">所有宝贝</a></li>
					<li><a href="###">阳光房</a></li>
					<li><a href="###">热销推荐</a></li>
					<li><a href="###">客厅专区</a></li>
					<li><a href="###">厨卫专区</a></li>
					<li><a href="###">买前必读</a></li>
					<li><a href="###">品牌介绍</a></li>
				</ul>
			</div>
		</div>
	</div>
</div>
<style>
	
	.userDefinedArea{width: 100% !important;}
	.user-nav li { list-style:none; }
	.user-nav ul { margin: 0px;height: 40px;}
	.user-nav a {text-decoration:none;color:inherit;} .user-nav a:hover{text-decoration:none;}
	.user-nav a:focus{text-decoration: none;outline: none;}
	.user-nav img { border:none; vertical-align:middle; max-width:100%;max-height:100%;}
	.user-nav table { border-collapse:collapse; }
	.user-nav input,.user-nav textarea { outline:none; background: none; border: none; }
	.user-nav textarea { resize:none; overflow:auto; }
	
	.user-nav{
		background-color: #333333;
		width: 100%;
		margin-top: 10px;
	}
	
	.user-nav .main1{
		width:100%; 
		max-width:1200px; 
		margin:0 auto;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	.user-nav .clearfix:before,.user-nav .clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}
	.user-nav .pro_type{position:relative;}
	.user-nav .pro_type ul li{height:35px;line-height:35px;display:inline-block;float:left;font-size:16px;color:#fff;margin-right: 40px;padding: 0 15px;}
	.user-nav .pro_type ul li a{display:block;}
	.user-nav .pro_type ul li.on,.user-nav .pro_type ul li:hover{background-color: #494949;border-radius: 15px;margin-top: 4px;height: 27px;line-height: 27px;}
	.user-nav .pro_type ul li.on a{}
	
</style>